<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <link rel="stylesheet" type="text/css" href="../../css/estilo_observatorio_geral.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/estilo_observatorio_home.css"/>
    <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'/>

    <ui:decorate template="/resources/template/modelo.xhtml">

        <ui:define name="centro">
            <f:view encoding="ISO-8859-1">  
                <h:form id="form" enctype="multipart/form-data">

                    <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" escape="false" />  
                    <p:panel  header="Cadastro de novo Curso:" style="margin-bottom:10px;">  
                        <h:panelGrid columns="2" >

                            <h:outputText value="Título:" />
                            <p:inputText value="#{noticiaBean.noticia.titulo}" size="120" />
                            <h:outputText value="Resumo da Notícia (200 caracteres):" />
                            <p:inputText value="#{noticiaBean.noticia.resumo}" maxlength="200" size="120"/>

                            <h:outputText value="Imagem" />
                            <!-- <h:form enctype="multipart/form-data" >
                                <p:fileUpload  fileUploadListener="{noticiaBean.doUpload}" mode="advanced" update="messages" auto="true" label="Adicionar"  allowTypes="/(\.|\/)(gif|jpeg|jpg|png)$/" multiple="false" />  
                                <p:growl id="messages" showDetail="true" escape="false"/>  
                            </h:form> -->
                            <p:fileUpload fileUploadListener="#{noticiaBean.upload}" allowTypes="/(\.|\/)(gif|jpeg|png)$/" sizeLimit="100000" />

                        </h:panelGrid>
                        <h:panelGrid columns="1" >
                            <h:outputText value="Notícia Completa" />  
                            <p:editor value="#{noticiaBean.noticia.texto}" width="800"/>        
                        </h:panelGrid>

                        <h:panelGrid columns="2" >
                            <p:commandButton id="viewButton" value="Visualizar"  update=":form:pVNotice " onclick="PF('dnoticia').show()"  icon="ui-icon-search"  />    
                            <p:commandButton id="cadastrarButton" value="Cadastrar" action="#{noticiaBean.cadastrarNoticia()}" />
                        </h:panelGrid>
                        




                    </p:panel>

                    <p:dialog id="viewNotice" header="Prévia Notícia" widgetVar="dnoticia"  modal="true" appendTo="@(body)" resizable="false" draggable="false"   >
                        <p:panel id="pVNotice">
                            


                            <div id="wrap_site">
                                <div id="topo">
                                    <ui:include src="/resources/site/top.xhtml" />
                                </div> <!--END TOPO-->

                                <div id="conteudo_home">

                                    <div id="sidebar_left_home">
                                        <img src="../../images/id_observatorio_home.jpg" width="305" height="240" alt="Observatório" />
                                        <a href="/eixo_aprendizagem/index.xhtml"><img src="../../images/bt_home_eixo_ensino.jpg" width="305" height="240" alt="Eixo Ensino Aprendizagem" style="margin-left:10px;"  /></a>
                                        <a href="/eixo_inovacao/index.xhtml"><img src="../../images/bt_home_eixo_inovacao.jpg" alt="Eixo Inovação" width="305" height="240" style="margin:10px 10px 0 0;" /></a>
                                        <a href="/eixo_avaliacao/index.xhtml"><img src="../../images/bt_home_eixo_avaliacao.jpg" width="305" height="240" alt="Eixo Avaliação" style="margin-top:10px;"/></a>
                                        <div class="clear_float"></div>
                                    </div>
                                    <div id="sidebar_right_home">
                                        <div id="noticias_sidebar_home">
                                            <h1>Notícias</h1>
                                            <div id="noticias_home">
                                                <img src="../../images/chamada_noticia1.jpg" width="270" height="77" alt="noticia 1" />
                                                <h4 class="chamada_noticia"> <h:outputText value= "#{noticiaBean.noticia.resumo}"/> <a href="#" class="leiamais">LEIA+</a></h4>
                                                <div class="clear_float"></div>
                                            </div>

                                            <div id="noticias_home2">
                                                <img src="../../images/chamada_noticia2.jpg" width="92" height="114" alt="noticia 2" />
                                                <h4 class="chamada_noticia">Cadernos Gestão Social acaba de publicar seu último número. Convidamos a navegarem no sumário da revista para acessar o editorial, artigos. <a href="#" class="leiamais">LEIA+</a></h4>
                                                <div class="clear_float"></div>
                                            </div>


                                            <div id="noticias_home3">
                                                <img src="../../images/chamada_noticia3.jpg" width="92" height="56" alt="noticia 2" />
                                                <h4 class="chamada_noticia">A Revista NAU Social está com chamada aberta para os próximos números. <a href="#" class="leiamais">LEIA+</a></h4>
                                                <div class="clear_float"></div>
                                            </div>



                                        </div>
                                    </div>
                                    <div class="clear_float"></div>
                                </div> <!--END CONTEUDO-->

                                <div id="footer">
                                    <ui:include src="/resources/site/rodape.xhtml" />
                                </div>



                            </div> <!--END WRAP SITE-->

                        </p:panel>


                    </p:dialog>



                </h:form>    
            </f:view>
        </ui:define>
    </ui:decorate>
</html>